<template>
  <div>
    <search></search>
    <swiper :banner-list="bannerList"></swiper>
    <base-info :base-info="baseInfo"></base-info>
    <rights></rights>
    <recommend :recommend-list="recommendList"></recommend>
    <integral :integralList="integralList" :integration="baseInfo.integration"></integral>
    <home-market></home-market>
    <div class="aaa"></div>
    <vant-tabbar></vant-tabbar>
  </div>
</template>

<script>
import {integralList, bannerList, recommendList} from "@/data/home"
import {baseInfo} from "@/data/my";

import Recommend from "./home/recommend";
import HomeMarket from "./home/homeMarket";
import Search from "./home/search";
import Swiper from "../components/swiper/swiper";
import BaseInfo from "./home/baseInfo";
import VantTabbar from "../components/vantTabbar/vantTabbar";
import Rights from "./home/rights";
import Integral from "./home/integral";

export default {
  name: "home",
  components: {Integral, Rights, VantTabbar, BaseInfo, Swiper, Search, HomeMarket, Recommend},
  data() {
    return {
      integralList,
      bannerList,
      recommendList,
      baseInfo,
    }
  },
  methods: {}
}
</script>

<style scoped>
.aaa {
  margin-bottom: 2rem;
}

</style>